<div class="page-sidebar" id= "oplist">
	<div class="log">
		<span title="作业点监控" class="title"> 作业点监控 </span>
	</div>

	<ul class="nav-menu">
		<table >
			<tbody data-bind="foreach:{data:opData.rows(),as:'row',afterAdd: event.afterAdd}">
				<tr data-bind="css: { 'is-selected' : row.selected() } ,attr:{'rowindex': $index()},click: $parent.event.opclick">
					<td name="userCheckbox">
                        <label class="u-checkbox only-style u-checkbox-floatl" style="margin-top: 10px;font-size: 22px;color: #00E5FF;"
                               data-bind="click: row.multiSelect, css:{'is-checked': row.selected()}">
                            <input type="checkbox" class="u-checkbox-input">
                            <span data-bind="text: row.ref('opname')"></span>
                        </label>
                    </td>
				</tr>
			</tbody>
		</table>
	</ul>
</div>

<div class="page-container" style="margin-left: 200px;top: 50px">
	<div class="u-container-fluid u-widget-bg">
		<div class="u-row">
			<div class="u-col-12">
				<div class="u-row">
					<div class="u-col-3">
						<div class="u-widget u-widget-left notop" >
							<!-- 模拟内容 -->
							<div class="u-div-video">
								<div class="u-container-fluid u-widget-bg notop" >
									<div class="u-row monitor-header" >
										<input type="hidden" id="monitor1"/>
										<input type="hidden" class="opcode" id="opcode1"/>
										<span id="opname1" class="monitor-name">未在线</span>
										<button id="monitor-light1" class="u-tag  u-tag-round  u-light-green" >&nbsp;</button>
									</div>
									<div class="u-row info-head" >
										<div class="u-inner-row">
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">车 号：</span>
											<input type="text"  disabled="ture" class="left-input"
											u-meta='{"type":"string","data":"monitorData1","field":"carno"}'/>
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">毛 重：</span>
											<input class="weight-input"  type="text" disabled="ture"
											u-meta='{"type":"float","data":"monitorData1","field":"grossweight"}'/>
										</div>
										<div class="u-inner-row">
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">公 司：</span>
											<input type="text"  disabled="ture" class="left-input"
											u-meta='{"type":"string","data":"monitorData1","field":"company"}'/>
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">皮 重：</span>
											<input class="weight-input" type="text"  disabled="ture" 
											u-meta='{"type":"float","data":"monitorData1","field":"tareweight"}'/>
										</div>
										<div class="u-inner-row">
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">物 料：</span>
											<input type="text" disabled="ture" class="left-input"
											u-meta='{"type":"string","data":"monitorData1","field":"material"}'/>
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">净 重：</span>
											<input class="weight-input" type="text"  disabled="ture" 
											u-meta='{"type":"float","data":"monitorData1","field":"netweight"}'/>
										</div>
									
										<div class="u-inner-row monitor-button-row" >
											<!-- <input class="weight-l " type="text"  disabled="ture" u-meta='{"type":"string","data":"monitorData1","field":"netweight"}'/> -->
											<input id="weight1" class="weight-l " type="text"  disabled="ture" />

											<button class="monitor-button" data-bind="click: event.gateclick(1,0)">
												前 闸
											</button>
											<button class="monitor-button" data-bind="click: event.gateclick(1,2)">
												后 闸
											</button>
											
										</div>
									</div>

									<div class="u-row message-row"  id="message1">
										<!-- <h5>MESSAGE</h5> -->

									</div>
									<div class="u-row" style="height: 100px;border: 1px solid #01A3F6;">

										<!--需要设置路径，大小，alt-->
										<!--
										.image-bordered-primary:主色
										.image-bordered-orange:橘色
										.image-bordered-green:绿色
										-->
										<img id="mimg1" class="img-rounded img-bordered " height="100%" width="100%" src="./static/status0.png" alt="...">
									</div>
									<div class="u-row vlc-box" style="height: 220px;border: 1px solid #01A3F6;">
										<iframe id="vlc1"  frameborder="no" border="0" scrolling="no" allowtransparency="yes" >
										    <p>您的浏览器不支持该播放器</p>
										</iframe>
									</div>
									<div class="u-row vlc-box" style="height: 220px;border: 1px solid #01A3F6;">
										<iframe id="vlc2" frameborder="no" border="0"  scrolling="no" allowtransparency="yes" > 
										    <p>您的浏览器不支持该播放器</p>
										</iframe>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="u-col-3">
						<div class=" u-widget u-widget-middle notop ">
							<!-- 模拟内容 -->
							<div class="u-div-video">
								<div class="u-container-fluid u-widget-bg notop">
									<div class="u-row monitor-header">
										<input type="hidden" id="monitor2"/>
										<input type="hidden" class="opcode" id="opcode2"/>
										<span id="opname2"  class="monitor-name">未在线</span>
										<button id="monitor-light2" class="u-tag  u-tag-round  u-light-green" >&nbsp;</button>
									</div>
									<div class="u-row info-head" >
										<div class="u-inner-row">
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">车 号：</span>
											<input type="text"  disabled="ture" class="left-input"
											u-meta='{"type":"string","data":"monitorData2","field":"carno"}'/>
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">毛 重：</span>
											<input class="weight-input"  type="text" disabled="ture"
											u-meta='{"type":"string","data":"monitorData2","field":"grossweight"}'/>
										
										</div>
										<div class="u-inner-row">
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">公 司：</span>
											<input type="text"  disabled="ture" class="left-input"
											u-meta='{"type":"string","data":"monitorData2","field":"company"}'/>
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">皮 重：</span>
											<input class="weight-input" type="text"  disabled="ture" 
											u-meta='{"type":"string","data":"monitorData2","field":"tareweight"}'/>
										</div>
										<div class="u-inner-row">
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">物 料：</span>
											<input type="text" disabled="ture" class="left-input"
											u-meta='{"type":"string","data":"monitorData2","field":"material"}'/>
																						<span class="u-tag  u-tag-round  u-tag-primary  mtag">净 重：</span>
											<input class="weight-input" type="text"  disabled="ture" 
											u-meta='{"type":"string","data":"monitorData2","field":"netweight"}'/>
										</div>
										<div class="u-inner-row monitor-button-row" >
											<!-- <input class="weight-l " type="text"  disabled="ture" u-meta='{"type":"string","data":"monitorData2","field":"netweight"}'/> -->
											<input id="weight2" class="weight-l " type="text"  disabled="ture" />
											<button class="monitor-button" data-bind="click: event.gateclick(2,0)">
												前 闸
											</button>
											<button class="monitor-button" data-bind="click: event.gateclick(2,2)">
												后 闸
											</button>
											
										</div>
									</div>

									<div class="u-row message-row"  id="message2"> 
										<!-- <h5>MESSAGE</h5> -->

									</div>
									<div class="u-row" style="height: 100px;border: 1px solid #01A3F6;">

										<!--需要设置路径，大小，alt-->
										<!--
										.image-bordered-primary:主色
										.image-bordered-orange:橘色
										.image-bordered-green:绿色
										-->
										<img id="mimg2" class="img-rounded img-bordered " height="100%" width="100%" src="./static/status0.png" alt="...">
									</div>
									<div  class="u-row vlc-box" style="height: 220px;border: 1px solid #01A3F6;">
										<iframe id="vlc3" frameborder="no" border="0"  scrolling="no" allowtransparency="yes" > 
										    <p>您的浏览器不支持该播放器</p>
										</iframe>
									</div>
									<div class="u-row vlc-box" style="height: 220px;border: 1px solid #01A3F6;">
										<iframe id="vlc4" frameborder="no" border="0"  scrolling="no" allowtransparency="yes" > 
										    <p>您的浏览器不支持该播放器</p>
										</iframe>
									</div>
								</div>
							</div></div>
					</div>
					<div class="u-col-3">
						<div class=" u-widget u-widget-middle notop">
							<!-- 模拟内容 -->
							<div class="u-div-video">
								<div class="u-container-fluid u-widget-bg notop">
									<div class="u-row monitor-header">
										<input type="hidden" id="monitor3"/>
										<input type="hidden" class="opcode" id="opcode3"/>
										<span id="opname3"  class="monitor-name">未在线</span>
										<button id="monitor-light3" class="u-tag  u-tag-round  u-light-green">&nbsp;</button>
									</div>
									<div class="u-row info-head" >
										<div class="u-inner-row">
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">车 号：</span>
											<input type="text"  disabled="ture" class="left-input"
											u-meta='{"type":"string","data":"monitorData3","field":"carno"}'/>											
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">毛 重：</span>
											<input class="weight-input"  type="text" disabled="ture"
											u-meta='{"type":"string","data":"monitorData3","field":"grossweight"}'/>
										</div>
										<div class="u-inner-row">
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">公 司：</span>
											<input type="text"  disabled="ture" class="left-input"
											u-meta='{"type":"string","data":"monitorData3","field":"company"}'/>
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">皮 重：</span>
											<input class="weight-input" type="text"  disabled="ture" 
											u-meta='{"type":"string","data":"monitorData3","field":"tareweight"}'/>
										</div>
										<div class="u-inner-row">
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">物 料：</span>
											<input type="text" disabled="ture" class="left-input"
											u-meta='{"type":"string","data":"monitorData3","field":"material"}'/>
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">净 重：</span>
											<input class="weight-input" type="text"  disabled="ture" 
											u-meta='{"type":"string","data":"monitorData3","field":"netweight"}'/>
										</div>
										<div class="u-inner-row monitor-button-row" >
											<!-- <input class="weight-l " type="text"  disabled="ture" u-meta='{"type":"string","data":"monitorData3","field":"netweight"}'/> -->
											<input id="weight3" class="weight-l " type="text"  disabled="ture" />
											<button class="monitor-button" data-bind="click: event.gateclick(3,0)">
												前 闸
											</button>
											<button class="monitor-button" data-bind="click: event.gateclick(3,2)">
												后 闸
											</button>
											
										</div>
									</div>

									<div class="u-row message-row"  id="message3" >
										<!-- <h5>MESSAGE</h5> -->

									</div>
									<div class="u-row" style="height: 100px;border: 1px solid #01A3F6;">

										<!--需要设置路径，大小，alt-->
										<!--
										.image-bordered-primary:主色
										.image-bordered-orange:橘色
										.image-bordered-green:绿色
										-->
										<img id="mimg3" class="img-rounded img-bordered " height="100%" width="100%" src="./static/status0.png" alt="...">
									</div>
									<div class="u-row" style="height: 220px;border: 1px solid #01A3F6;">
										<iframe id="vlc5 vlc-box" frameborder="no" border="0"  scrolling="no" allowtransparency="yes" > 
										    <p>您的浏览器不支持该播放器</p>
										</iframe>
									</div>
									<div class="u-row" style="height: 220px;border: 1px solid #01A3F6;">
										<iframe id="vlc6 vlc-box" frameborder="no" border="0"  scrolling="no" allowtransparency="yes" > 
										    <p>您的浏览器不支持该播放器</p>
										</iframe>
									</div>
								</div>
							</div></div>
					</div>
					<div class="u-col-3">
						<div class=" u-widget u-widget-right notop">
							<!-- 模拟内容 -->
							<div class="u-div-video">
								<div class="u-container-fluid u-widget-bg notop">
									<div class="u-row monitor-header">
										<input type="hidden" id="monitor4"/>
										<input type="hidden" class="opcode" id="opcode4"/>
										<span id="opname4"  class="monitor-name">未在线</span>
										<button id="monitor-light4" class="u-tag  u-tag-round  u-light-green" >&nbsp;</button>
									</div>
									<div class="u-row info-head" >
										<div class="u-inner-row">
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">车 号：</span>
											<input type="text"  disabled="ture" class="left-input"
											u-meta='{"type":"string","data":"monitorData4","field":"carno"}'/>
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">毛 重：</span>
											<input class="weight-input"  type="text" disabled="ture"
											u-meta='{"type":"string","data":"monitorData4","field":"grossweight"}'/>											
										</div>
										<div class="u-inner-row">
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">公 司：</span>
											<input type="text"  disabled="ture" class="left-input"
											u-meta='{"type":"string","data":"monitorData4","field":"company"}'/>
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">皮 重：</span>
											<input class="weight-input" type="text"  disabled="ture" 
											u-meta='{"type":"string","data":"monitorData4","field":"tareweight"}'/>
										</div>
										<div class="u-inner-row">
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">物 料：</span>
											<input type="text" disabled="ture" class="left-input"
											u-meta='{"type":"string","data":"monitorData4","field":"material"}'/>
											<span class="u-tag  u-tag-round  u-tag-primary  mtag">净 重：</span>
											<input class="weight-input" type="text"  disabled="ture" 
											u-meta='{"type":"string","data":"monitorData4","field":"netweight"}'/>
										</div>
										<div class="u-inner-row monitor-button-row" >
											<!-- <input class="weight-l " type="text"  disabled="ture" u-meta='{"type":"string","data":"monitorData4","field":"netweight"}'/> -->
											<input id="weight4" class="weight-l " type="text"  disabled="ture" />
											<button class="monitor-button" data-bind="click: event.gateclick(4,0)">
												前 闸
											</button>
											<button class="monitor-button" data-bind="click: event.gateclick(4,2)"> 
												后 闸
											</button>
											
										</div>
									</div>

									<div class="u-row message-row"  id="message4">
										<!-- <h5>MESSAGE</h5> -->

									</div>
									<div class="u-row" style="height: 100px;border: 1px solid #01A3F6;">

										<!--需要设置路径，大小，alt-->
										<!--
										.image-bordered-primary:主色
										.image-bordered-orange:橘色
										.image-bordered-green:绿色
										-->
										<img id="mimg4" class="img-rounded img-bordered " height="100%" width="100%" src="./static/status0.png" alt="...">
									</div>
									<div class="u-row vlc-box" style="height: 220px;border: 1px solid #01A3F6;">
										<iframe id="vlc7" frameborder="no" border="0"  scrolling="no" allowtransparency="yes" > 
										    <p>您的浏览器不支持该播放器</p>
										</iframe>
									</div>
									<div class="u-row vlc-box" style="height: 220px;border: 1px solid #01A3F6;">
										<iframe id="vlc8" frameborder="no" border="0"  scrolling="no" allowtransparency="yes" > 
										    <p>您的浏览器不支持该播放器</p>
										</iframe>
									</div>
								</div>
							</div></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--状态消息弹出框-->
<div id="dialog_content1" style="display:none;">
	<div class="u-msg-title u-message dark u-meswarning active" style="width: 100%;padding: 10px 0 10px 0px;font-size: medium;margin: 0;">
        <i class="uf uf-exc-t-o margin-r-10"></i>状态信息
    </div>
	<div class="u-msg-content">
		<b>异常内容：</b><label id="demo_input" data-bind="text:exceptionsLight1" ></label>
	</div>
	<div class="u-msg-footer">
		<button id="okBtn_install" class="u-msg-ok u-button">确定<span class="u-button-container"><span class="u-ripple"></span></span></button>
	</div>
</div>
<div id="dialog_content2" style="display:none;">
	<div class="u-msg-title u-message dark u-meswarning active" style="width: 100%;padding: 10px 0 10px 0px;font-size: medium;margin: 0;">
        <i class="uf uf-exc-t-o margin-r-10"></i>状态信息
    </div>
	<div class="u-msg-content">
		<b>异常内容：</b><label id="demo_input" data-bind="text:exceptionsLight2" ></label>
	</div>
	<div class="u-msg-footer">
		<button id="okBtn_install" class="u-msg-ok u-button">确定<span class="u-button-container"><span class="u-ripple"></span></span></button>
	</div>
</div>
<div id="dialog_content3" style="display:none;">
	<div class="u-msg-title u-message dark u-meswarning active" style="width: 100%;padding: 10px 0 10px 0px;font-size: medium;margin: 0;">
        <i class="uf uf-exc-t-o margin-r-10"></i>状态信息
    </div>
	<div class="u-msg-content">
		<b>异常内容：</b><label id="demo_input" data-bind="text:exceptionsLight3" ></label>
	</div>
	<div class="u-msg-footer">
		<button id="okBtn_install" class="u-msg-ok u-button">确定<span class="u-button-container"><span class="u-ripple"></span></span></button>
	</div>
</div>
<div id="dialog_content4" style="display:none;">
	<div class="u-msg-title u-message dark u-meswarning active" style="width: 100%;padding: 10px 0 10px 0px;font-size: medium;margin: 0;">
        <i class="uf uf-exc-t-o margin-r-10"></i>状态信息
    </div>
	<div class="u-msg-content">
		<b>异常内容：</b><label id="demo_input" data-bind="text:exceptionsLight4" ></label>
	</div>
	<div class="u-msg-footer">
		<button id="okBtn_install" class="u-msg-ok u-button">确定<span class="u-button-container"><span class="u-ripple"></span></span></button>
	</div>	
</div>
<div id="dialog_installVLC" style="display:none;">
	<div class="u-msg-title u-message dark u-meswarning active" style="width: 100%;padding: 10px 0 10px 0px;font-size: medium;margin: 0;">
        <i class="uf uf-exc-t-o margin-r-10"></i>缺少VLC播放器插件
    </div>
	<div class="u-msg-content">

	    <div>
	    	<p>浏览器缺少VLC插件，请从下面的地址进行下载,否则无法正常播放监控视频！</p>
			<!-- <a href="http://get.videolan.org/vlc/2.2.5.1/win32/vlc-2.2.5.1-win32.exe" target="_blank">下载地址1</a> -->
			<a href="http://mirrors.tuna.tsinghua.edu.cn/videolan-ftp/vlc/2.2.5.1/win32/vlc-2.2.5.1-win32.exe" target="_blank">下载地址</a>
	    </div>
		
	</div>
	<div class="u-msg-footer">
		<button id="okBtn_install" class="u-msg-ok u-button">确定<span class="u-button-container"><span class="u-ripple"></span></span></button>
	</div>
</div>
